/* eslint-disable react-hooks/rules-of-hooks */

import { Select, Space } from 'antd';
import useTheme from '../../context/ThemeContext';
function index() {
  const {theme,handleChange}=useTheme()
  
  return (
    <div>
      <Space wrap>
        <Select
          defaultValue={theme}
          style={{ width: 120 }}
          onChange={handleChange}
          options={[
            { value: 'light', label: '日间' },
            { value: 'dark', label: '夜间' },
            { value: 'green', label: '赵义泽发绿' },
          ]}
        />
      </Space>
      <div className=" text-gray-400 sm:bg-green-400 md:bg-yellow-400 lg:bg-red-400 xl:bg-blue-400 2xl:bg-white green:bg-green-800 green:text-yellow-300 dark:text-white dark:bg-gray-800 bg-sky-500 w-full h-[500px] text-[#50d71e] text-2xl flex items-center justify-center">
        首页
      </div>
    </div>
  )
}

export default index
